@charset "utf-8";
/* 通用代ç */
html,body{width:100%;padding: 0px;margin:0px;*position:static; line-height: normal; }
*{font-family: "Microsoft YaHei","微软雅黑" !important; font-size: 16px; color:#332c2b; padding:0px;margin:0px;}
a{text-decoration:none;}
ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{list-style-type:none;}
button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; outline:none;text-decoration: none;}
h1{font-size: 28px;line-height: 42px;margin: 40px 0 12px 0;}
h2{font-size: 22px;line-height: 32px;margin: 24px 0 8px 0;}
h3,h4,h5,h6{font-size: 14px;line-height: 28px;margin: 12px 0 0 0;}
.anim0{ animation: dz0 .8s linear 1 normal forwards; }
.anim1{ animation: dz1 .8s linear 1 normal forwards; }
.anim2{ animation: dz2 .8s linear 1 normal forwards; }
.anim3{ animation: dz3 1s linear 1 normal forwards; }
.anim4{ animation: dz4 1s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; }
.anim7{ animation: dz7 .6s linear 1 normal forwards; }
/*.anim99{ animation: dz99 .6s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; } */
/* .anim7{ animation: dz7 .6s linear 1 normal forwards; }
.anim8{ animation: dz8 .6s linear 1 normal forwards; } */
/* @keyframes dz1
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(0, 100px); }
100% {opacity: 1;transform: translate(0, 0%); }
} */
.dhxg{ opacity: 0; }
.dhxg2{ opacity: 0; }
.le{float: left; }
.ri{float: right; }
@keyframes dz0
{
0% {opacity: 0; }
100% {opacity: 1; }
}
@keyframes dz1
{
0% {opacity: 0;transform: translate(-20%, 0%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz3
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz4
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
/* @keyframes dz5
{
0% {opacity: 0; transform: rotate(-2deg);position: relative; }
100% {opacity: 1; transform: rotate(0);position: relative; }
}
@keyframes dz
{
0% {opacity: 0;transform: rotate(2deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative; }
}*/
/* @keyframes dz99
{
0% {opacity: 0;transform: rotate(20deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative; }
} */
@keyframes dz5
{
0% {opacity: 0; transform: scale(1.1); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz6
{
0% {opacity: 0;transform: scale(.9); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz7
{
0% {opacity: 0; transform: translate(-40%, 40%); }
100% {opacity: 1;transform: translate(0, 0%); }
}
/* 通用设置 */
.hei::after,li::after{content: ""; display: block;clear: both;}
.sjcx{display: none;}
.top .nav > ul > li.sjcx{display: none;}
.BigDiv{ max-width:100%;min-width:1400px;width:100%; margin: auto;position: relative; }
.Home{ max-width: 100%;}
.Home .cen{ width: 86%; max-width: 1400px; margin: auto;}
.cen{ width: 94%; max-width: 1400px; margin: auto;}
.xelk{ height: 0;
width: 0;
overflow: hidden;}
@media screen and (max-width:640px) and (min-width:0px){
.sjcx{display: inline-block; }
.sjyc{display: none;}
.ment img {width: 30px;}
.ment { float: right; margin-top: 7px; }
}
.banner{ position: relative; }
.banner img{ display: block; max-width: 100%; height: auto; }
.fl{ float: left;}
.ri{ float: right; }
.size{
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 100% auto!important;transition: .5s;
}
.size:hover{ background-size: 110% auto!important;}
.size img{ display: block;width: 100%; }
.more.cen{ text-align: center; margin: 40px auto;}
.more.cen a{ font-size: 21px; }
.page{ text-align: center; margin-top: 80px; margin-bottom: 20px; }
.page a{ color:#333333; font-size: 14px; line-height: 36px; text-align: center; background: #f5f8fb; border-radius: 5px;
display: inline-block; padding: 2px 15px; margin: 0 5px; }
.page a.on{ color:#fff;background: #28a3aa; }
.page .s{ border: 1px solid #666666; display: inline-block; width: 30px; transition: .5s; height: 30px; font-size: 17px; border-radius: 20px; text-align: center; line-height: 30px; box-sizing: border-box; }
.page .s:hover{ background: #616161; color:#fff; }
.page .s.on{ background: #616161; color:#fff;}
img{max-width: 100%;height: auto; width: auto; }
/* banner图 */
.fullslide{ position: relative; }
.fullslide .cen{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; }
.fullslide .tu2{ display: none; }
.fullslide .tu1{ display: block; }
.fullslide img{width: 100%;height: auto; }
.fullslide .hd ul li{ width: 34px; transition: .5s; height: 6px; border-radius: 4px; transition: .5s; opacity: 0.7;background:#fff;font-size: 0; display: inline-block; margin-left: 5px; margin-right: 5px; }
.fullslide .hd ul{ position: absolute; width: 100%; bottom: 20px; text-align: center;}
.fullslide .hd ul li.on{ opacity: 1;}
.fullslide .bd li{ position: relative; }
.fullslide .text{ position: absolute; left: 15vw; top: 10vw; }
.fullslide .hd>a{ display: none; }
.fullslide .text .p1{ color:#fff; font-weight: bold; font-size: 60px; }
.fullslide .text .p2{ color:rgba(255,255,255,.5); font-size: 30px; margin-top: 24px; }
.fullslide .text .p3{ width: 167px; height: 47px; color:#fff; font-size: 18px;margin-top: 77px; line-height: 47px; background: #1a96ff; border-radius: 50px; text-align: center; line-height: 47px; }
/* é€šç”¨æ ‡é¢˜ */
.tybt h1{ color:#333333; font-size: 40px; text-align: center; margin-top: 0; margin-bottom: 0; }
.tybt h2{ color:#666666; font-size: 16px; margin-top: 20px; color:#c4c4c4; font-weight: normal; text-align: center;
text-transform: uppercase; margin-top: 6px;
}
.search form .input_txt {
border: none;
color: #999999;
font-size: 13px;
line-height: 32px;
margin-left: 15px;
}
.search form {
width: 260px;
height: 32px;
background: #fff;
border-radius: 20px;
line-height: normal;
overflow: hidden;
box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.search form .input_but {
width: 60px;
height: 32px;
line-height: 32px;
color:#fff;font-size: 14px;
text-align: center;
border: none;
background: #093d79;
position: relative;
float: right;
cursor: pointer;
}
body *{
scrollbar-color: #008395 #fff;
/* 第一个方å—颜色，第二个轨é“颜色(用于更改ç«ç‹æµè§ˆå™¨æ ·å¼) */
scrollbar-width: thin;
/* ç«ç‹æ»šåŠ¨æ¡æ— 法自定义宽度，åªèƒ½é€šè¿‡æ¤å±žæ€§ä½¿æ»šåŠ¨æ¡å®½åº¦å˜ç»† */
-ms-overflow-style: none;
}
body *::-webkit-scrollbar {
width: 8px;
height: 5px;
background-color: transparent;
}
/* ::-webkit-scrollbar:hover {
background-color: #40a1c4;
} */
/* 滚动槽/å¤–å±‚è½¨é“ */
body *::-webkit-scrollbar-track {
width: 8px;
height: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 131, 149, .2);
background-color: transparent;
border-right: 1px solid #fff;
}
/* 滚动æ¡æ»‘å— */
body *::-webkit-scrollbar-thumb {
min-height: 5px;
min-width: 8px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px #008395;
background-color: #40a1c4;
margin-right: 1px;
border-right: 1px solid #fff;}
.top .cen{ overflow: hidden; }
.top .logo{ float: left; margin-top: 15px; }
.top .tel{ float: right; margin-top: 23px; }
.top .tel .tp1{ float: left;margin-top: 8px; }
.top .tel .search{ float: left; position: relative; margin-left: 20px; }
.top .tel .tp1{ color:#999999; }
.top .tel .tp1 span{ color:#28a3aa; font-weight: bold; margin-left: 10px; }
.top .tel .search .input_txt{ width: 261px; height: 37px; border: 1px solid #d9d9d9; border-radius: 20px; padding-left: 15px; box-sizing: border-box;
color:#999999; font-size: 16px;
}
.top input::input-placeholder{
color:#999999;
}
.top .tel .search .input_but{ background: url("../i/fdj.png") no-repeat center; font-size: 0;width: 21px; height: 22px; border: none;right: 0; position: absolute;
right: 15px; top: 7px; }
.nav{ clear: both;height: 60px; margin-top: 12px; position: relative;}
.nav::before{ content: ""; background: url("../i/lvz.jpg") no-repeat center; width: 100%; height: 100%;position:absolute;
left: 50%; transform: translateX(-50%);
}
.navul3{ position: absolute;width: 99.1vw; left: -33.9vw; background: #fff; height: 0; overflow: hidden; transition: .5s; }
.navul3 .Mns{ float: left; width: 14%; margin-top: 20px; }
.navul3 .Mns p{ line-height: 45px; }
.navul3 .Mns .on a{ color:#28a3aa;}
.cp1ul li{ display: inline-block; padding: 0 20px; margin-left: 2%; margin-bottom: 5px; background: #28a3aa;
color:#fff; border-radius: 8px;transition: .5s;
line-height: 40px; }
.cp1ul li:hover{ border-radius: 20px; }
.cp1ul li .p1{ color:#fff; font-size: 15px;text-align: center; }
.cp1ul{ display: none; }
.navul3 .cp1{ width: 86%; padding: 20px 0; min-height: 160px; float:left; border-left: 2px solid #28a3aa; box-sizing: border-box; text-align: left; }
.nav .cen{position: relative;z-index: 1;}
.navul>li{ float: left; line-height: 60px; width: 14.28%; text-align: center; position: relative;}
.navul>li>a{ color:#fff; display: block; }
.navul>li.on{ position: relative;}
.navul>li.on::before{ content: ""; position: absolute; width: 40%; transition: .5s; bottom: 0; height: 3px; background: #fff; left: 50%; transform: translateX(-50%);}
.navul>li:hover::before{content: ""; position: absolute; width: 40%; bottom: 5px; height: 2px; background: #fff; left: 50%; transform: translateX(-50%); }
.navul>li .navul2{position: absolute;width: 100%; text-align: center; background: #fff; height: 0; overflow: hidden; transition: .5s;}
.navul>li .navul2 li{ line-height: 2.2; }
.navul>li .navul2 li:hover a{color:#28a3aa; }
.navul>li .navul2 li a{ color:#333;}
.a1{ padding: 28px 0; border-bottom: 1px solid #eaeaea; }
.a1 .cen>img{ float: left;}
.a1 .cen .picScroll-top{ float: left; margin-left: 16px; }
.a1 .cen .more{ float: right; }
.a1 .cen .more a{ color:#333333; font-size: 14px; }
.a1 .cen{ overflow:hidden; }
.a1 .cen .picScroll-top .bd li a{ color:#000000; }
.a1 .cen .picScroll-top .bd li span{ color:#999999; margin-left: 20px; }
.a2 .cen{overflow: hidden; }
.a2 { background: url("../i/a5.jpg") no-repeat center; padding: 80px 0;}
.a2 .fl{ width: 37.5vw; }
.a2 .ri{ width: 30vw; }
.pr1ul li .text2{ position: absolute; width: 100%; transition: .5s; height: 0%; overflow: hidden; top: 0; padding-left: 5%; padding-right: 5%; box-sizing: border-box; z-index: 9; background: rgba(40,163,170,.7); }
.pr1ul li .text2 .t1{ color:#fff; padding-top: 77px; }
.pr1ul li .text2 .t2{ color:#ffffff; font-weight: bold; font-size: 20px; margin-top: 10px; margin-bottom: 10px; }
.pr1ul li .text2 .t3{ color:#ffffff; font-size: 14px; }
.pr1ul li .more{ width: 47px; height: 47px; border-radius: 50%; text-align: center; line-height: 40px; border: 1px solid #fff;
color:#fff; font-size: 40px;display:block; margin:auto; margin-top: 28px; }
.pr1ul li:hover .text2{ height: 100%; }
.a2 .fl .p1{ color:#333333; font-size: 40px; }
.a2 .fl .p2{ color:#d6d6d6; text-transform: uppercase; }
.a2 .fl .text p{ color:#333333; line-height: 1.6; margin-bottom: 10px; }
.a2 .fl .text{ margin-top: 35px; }
.a2 .fl .more a{color:#28a3aa; font-size: 18px; width: 200px; height: 53px; border: 2px solid #28a3aa;display: block; text-align: center;
line-height: 53px; border-radius: 50px; }
.a2 .fl .more{ margin-top: 120px; }
.a3{ background: url("../i/a4.jpg") no-repeat center; height: 300px; padding-top: 100px; box-sizing: border-box; }
.a3ul li{ display: inline-block; width: 25%; text-align: center; }
.a3ul{ font-size: 0; }
.a3ul li .p1 span{ color:#ffffff; font-size: 45px; font-weight: bold; }
.a3ul li .p1 a{ color:#ffffff; font-size: 20px; }
.a3ul li .p2{ color:#ffffff; font-size: 20px; }
.a3ul li .p3{ color:rgba(255,255,255,.1); font-size: 36px; font-weight: bold;text-transform: uppercase; position: relative;z-index: 9; top: -25px; }
.a4{ background: #effafb; padding: 1px; box-sizing: border-box;padding: 60px 0; }
.a4p{ text-align: center; margin-top: 30px; }
.a4p span{ color:#888888; font-size: 30px; display: inline-block; margin: 0 60px; }
.a4p span.on{ color:#28a3aa; border-bottom: 3px solid #28a3aa; padding-bottom: 2px; }
.ho4ul li{width: 23%; float: left; margin: 0 .7vw;; height: 350px; background: #fff; border-radius: 8px; text-align: center;position: relative;overflow: hidden;}
.a4div{ margin-top: 47px; }
.ho4ul li .p1{ color:#333333; font-size: 20px; }
.ho4ul li .text{ position: absolute; width: 100%; transition: .5s; height: 0%; overflow: hidden; top: 0; padding-left: 5%; padding-right: 5%; box-sizing: border-box; z-index: 9; background: rgba(40,163,170,.7); }
.ho4ul li .pic{ height: 270px;margin-bottom: 25px; box-sizing: border-box; }
.ho4ul li .text .t1{ color:#fff; padding-top: 77px; }
.ho4ul li .text .t2{ color:#ffffff; font-weight: bold; font-size: 20px; margin-top: 10px; margin-bottom: 10px; }
.ho4ul li .text .t3{ color:#ffffff; font-size: 14px; }
.text .more{ width: 47px; height: 47px; border-radius: 50%; text-align: center; line-height: 40px; border: 1px solid #fff;
color:#fff; font-size: 40px;display:block; margin:auto; margin-top: 28px; }
.ho4ul li:hover .text{ height: 100%; }
.ho4ul li:hover .p1{ display: none; }
.ho4ul{ padding: 10px 0 !important;}
.morea{ width: 200px; height: 53px; border: 2px solid #28a3aa;display: block; text-align: center;
line-height: 53px; border-radius: 50px;margin: auto; margin-top: 55px; }
.morea:hover{ background: #28a3aa;}
.morea a{ color:#28a3aa; font-size: 18px;}
.morea:hover a{ color:#fff; }
.prev img,.next img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.prev .t2{ display: none; }
.next .t2{ display: none; }
.prev,.next{ width: 73px; height: 58px; border-radius: 50px; border: 2px solid #3dacb3; position: relative; }
.picScroll-left .sd{ position: absolute; top: 40%; margin-top: -29px; width: 114%; left: -7%;}
.picScroll-left{ position: relative; }
.picScroll-left .sd a:hover{ background: #3dacb3;}
.picScroll-left .sd a:hover .t2{ display: block; }
.picScroll-left .sd a:hover .t1{ display: none; }
.a5{ padding: 60px 0; padding-bottom: 0;}
.a5ul li{ display: inline-block; width: 33.33%;border-right: 1px solid #fff; box-sizing: border-box; position: relative; text-align: center; }
.a5ul{ font-size: 0; margin-top: 40px; }
.a5ul li img{ width: 100%; display:block; }
.a5ul li .text{ position: absolute; width: 100%; background: rgba(40,163,170,.2); transition: .5s; bottom: 0; padding: 20px 40px; box-sizing: border-box; }
.a5ul li .text .p1{ color:#ffffff; font-size: 24px; font-weight: bold; }
.a5ul li .text .p2{ color:#ffffff; line-height: 1.8; margin-top: 18px; margin-bottom: 20px; display: none;}
.a5ul li .text .more{display: none; }
.a5ul li:hover .text .p2{display: block;}
.a5ul li:hover .text .more{display: block;}
.a5ul li:hover .text{ background: rgba(40,163,170,.7); }
.a6{ background: #effafb;padding: 60px 0;}
.ho6ul li{width: 31.33%; border-radius: 8px; box-shadow: 0 0 5px rgba(0,0,0,.2);margin: 0 10px; margin-bottom:30px; float: left; text-align: center; background: #fff; }
.ho6ul li .text{ text-align: left; padding: 20px; box-sizing: border-box; }
.ho6ul li .text .p1{ color:#333333; font-size: 22px; height: 58px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ho6ul li .pic{ height:15vw; overflow: hidden; }
.ho6ul li .pic img{ height: 100%;}
.ho6ul li .text .p3{color:#28a3aa; }
.ho6ul li .text .time{color:#999999; font-size: 14px; margin-top: 10px; margin-bottom: 20px; }
.a6 .picScroll-left{ margin-top: 50px; }
.a6 .ho6ul{padding: 10px 0 !important;}
.a7{ padding: 60px 0;}
.a7ul li{ width: 19%; height: 117px; position: relative; text-align: center; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; box-shadow: 0 0 5px rgba(40,163,170,.2);border-radius: 8px; display: inline-block; }
.a7ul{ font-size: 0; text-align: center; padding: 10px 0;}
.a7ul li img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.foot{ background: #28a3aa; }
.recruit .picMarquee-left{ margin-top: 30px; position: relative;}
.recruit .picMarquee-left .hd{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 120%;}
.recruit .a7ul li{ width: 32.3%;height: 270px;}
.ab3ul li .pic2{ display: none;}
.recruit .ab3{ background: #28a3aa;
background: url("../i/qywh.jpg") no-repeat center;
height: auto; }
.recruit .ab3 .cen{ max-width: 100%;}
.recruit .ab3ul li{ width: 25%; margin-right: 0;height:500px;border-radius: 0; padding-top: 0; position: relative; }
.recruit .ab3ul{ margin-right: 0; }
.recruit .ab3ul li:hover{height: 500px; }
.recruit .ab3ul li .p1{ padding-top: 35px; }
.recruit .ab3ul li .p3{display: block; }
.recruit .ab3ul li .pic{ display: none; }
.recruit .ab3ul li .pic2 img{ display: block; height: 280px;}
.recruit .ab3ul li .pic2{display: block; }
.recruit .ab3ul li:nth-child(2n) .pic2{position: absolute; bottom: 0; }
.re1{ padding: 70px 0;}
.mr--career--why--items {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 30px;
margin-top: 70px;
}
.mr--career--why--item {
width: 29.99%;
text-align: center;
}
.mr--career--why .mr--career--why--items .mr--career--why--itemTit {
font-size: 1.66667vw !important;
line-height: 2.08333vw !important;
font-weight: 700 !important;
margin-bottom: 1vw; margin-top: 1vw;
}
.mr--career--why .mr--career--why--items .mr--career--why--itemDes {
font-size: 16px;line-height: 2; color: #999;
line-height: 1.40625vw !important;
font-weight: 400 !important;
}
.foot .fl{ width: calc(100% - 140px); }
.foot .cen{ padding-bottom: 20px; }
.fotul li{ float: left; margin-right: 3vw; }
.fotul li .p1{ color:#ffffff; font-size: 17px; font-weight: bold;margin-bottom: 20px; }
.fotul li p a{ color:#ffffff; font-size: 13px; color: rgba(255,255,255,.8); }
.fotul li p{ margin-bottom: 10px;olor:#ffffff; font-size: 13px; color: rgba(255,255,255,.8); }
.fotul li p b{ font-size: 16px;color: rgba(255,255,255,.8); }
.foot{ padding-top: 47px; }
.foot .ri .p1{ color:#ffffff; font-weight: bold; font-size: 17px; text-align: right; margin-bottom: 16px; }
.foot .pt1{ color:#ffffff; font-size: 13px; text-align: center; border-top: 1px solid #48b1b7;padding-top: 20px; }
.foot .pt1 a{color:#ffffff; font-size: 13px; }
.banner{ position: relative; }
.banner .text{ position: absolute; top: 50%; transform: translateY(-50%);}
.banner .text .p1{color:#ffffff; font-weight: bold; font-size: 50px; }
.banner .text .p2{color:rgba(255,255,255,.4); font-size: 20px; margin-top: 20px; line-height: 1.6; }
.tylm{ overflow: hidden; height: 84px; line-height: 82px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.tylm .cen{overflow: hidden; }
.tylmul li{ float: left; margin-right: 80px; box-sizing: border-box;}
.tylmul li.on{ border-bottom: 2px solid #28a3aa; }
.tylmul li a{ color:#666666; font-size: 18px;display:block; }
.tylm .ri a{ color:#999999; font-size: 14px; }
.tylm .ri img{vertical-align: middle; }
.ab1 .cen{ overflow: hidden; }
.ab1{ padding: 60px 0;}
.ab1 .fl{ width: 56%; margin-top: 30px; }
.ab1 .ri{ width: 40%; margin-top: 60px; }
.ab1 .fl p{ color:#666666; font-size: 18px; margin-bottom: 30px; line-height: 1.8; }
.ab2{ background: url("../i/xl1.jpg") no-repeat center; }
.ab2 .a3ul li .p1 span{ color:#28a3aa; }
.ab2 .a3ul li .p1 a{ color:#28a3aa; }
.ab2 .a3ul li .p2{ color:#333333; }
.ab3{background: url("/d/xierkang2/uploadimg/202306/c73b3525f991d7e181c7335295f8df62.jpg") no-repeat center; padding-top: 80px; height: 500px; padding-bottom: 70px; }
.ab3 .tybt .p1{ color:#fff;}
.ab3 .tybt .p2{ color:#fff;}
.ab3ul li{ width: 23%; display: inline-block; padding-top: 70px; vertical-align:top; transition: .5s;
box-sizing: border-box; margin-right: 2%; background: rgba(0,0,0,.2); border-radius: 8px; text-align: center; height: 280px; }
.ab3ul{ margin-right: -2%; font-size: 0; margin-top: 40px; }
.ab3ul li .t2{ display: none; }
.ab3ul li .t1{ display: block; margin: auto; }
.ab3ul li .p1{ color:#ffffff; font-weight: bold; font-size: 24px; margin-top: 20px; }
.ab3ul li .p2{ width: 23px; height: 2px; background: #fff; margin: auto; margin-top: 16px; margin-bottom: 20px; }
.ab3ul li .p3{ color:#ffffff; font-size: 18px; line-height: 1.6;display: none;}
.ab3ul li:hover{ background: #fff;height: 350px; }
.ab3ul li:hover .t2{ display: block;margin: auto; }
.ab3ul li:hover .t1{ display: none; }
.ab3ul li:hover .p1{ color:#333333; }
.ab3ul li:hover .p2{ background: #28a3aa; }
.ab3ul li:hover .p3{ color:#666666; display: block;}
.sec02 .map{ height: 400px; }
.sec02 .hd {
padding: 0 20px;
font-size: 30px;
line-height: 97px;
border-bottom: 1px solid #e5e5e5;
}
.sec02 .bd {
padding: 54px 20px;
padding-bottom: 0;
}
.sec02 .bd .title {
font-size: 24px;
margin-bottom: 34px;
}
.sec02 .info {
font-size: 20px;
line-height: 1.5;
color: #666;
margin-bottom: 30px;
}
.sec02 .info p {
position: relative;
padding-left: 26px;
line-height: 2;
}
.sec02 .info img {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 15px;
}
.sec02 .bd .map {
height: 480px;
}
.sec02 .fhd {
padding: 0 20px;
font-size: 30px;
line-height: 97px;
border-bottom: 1px solid #e5e5e5;
}
.fme2{width: 880px; margin: auto; overflow: hidden; margin-top: 53px; }
.fme2 p{ float: left; width: 100%; margin-bottom: 10px; }
.fme2 p input{ width: 100%; height: 60px; line-height: 60px; color:#999999;font-size: 17px; text-indent: 2em; border: none; background: #f8f8f8; border-radius: 14px; }
.fme2 p:nth-child(1){ width: 438px; }
.fme2 p:nth-child(2){ width: 438px; margin-left: 4px; }
.fme2 p:nth-child(3){ }
.fme2 textarea{ width: 100%;color:#999999; outline: inherit; padding: 15px 0; font-size: 17px; text-indent: 2em; background: #f8f8f8; border-radius: 14px; height: 310px; border: none; }
.fme2 .yzms{ position: relative; margin-bottom: 30px; }
.fme2 .reimg{ position: absolute; right: 0; top: 0; }
#button{ text-align: center; margin-bottom: 30px; }
#button input{ background: none; border: none; cursor: pointer; width: 56px; color:#333333; font-size: 20px; padding-top: 60px; margin-left: 40px; margin-right: 40px; }
#button .sub{ background: url("/i/d2.jpg") no-repeat top; }
#button .reset{ background: url("/i/d1.jpg") no-repeat top; }
.sec02 .fbd {
padding: 48px 20px 56px;
font-size: 20px;
line-height: 1.5;
color: #666;
}
.sec02 .fbd p{ line-height: 2; }
.sec02 .fbd .info {
margin-top: 30px;
margin-bottom: 0;
}
.ab4{ padding: 60px 0; background: url(" /d/xierkang2/uploadimg/202306/14e7eb49515f156eb18a056e9f226a48.jpg") no-repeat center; }
.ab4div p{ display: inline-block; width: 25%; text-align: center; color:#999999; font-size: 24px; position: relative;
cursor: pointer;
}
.ab4div{ font-size: 0; }
.ab4div p.on{ color:#28a3aa; }
.ab4div p::before{ content: ""; width: 17px; height: 17px; border-radius: 50%; background: #dddddd;
position: absolute; left: 50%; transform: translateX(-50%); bottom: -37px; }
.ab4div::before{content: ""; position: absolute; width: 100%; height: 1px; background: #d4d4d4; margin-top: 60px;left: 0;}
.ab4div p.on::before{ background: #28a3aa; box-shadow: 0 0 5px rgba(40,163,170,.6);}
.ab4ul ul li{ display: inline-block; width: 23%; text-align: left; margin-right: 2%;vertical-align: top; }
.ab4ul ul{ text-align: center; font-size: 0; }
.ab4ul{ margin-top: 100px; }
.ab4ul ul li .p1{ color:#333333; font-size: 30px; font-weight: bold; }
.ab4ul ul li .text .t1{ color:#28a3aa; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.ab4ul ul li .text p{ color:#666666; font-size: 16px; line-height: 1.8; }
.ab4ul ul li .text{ margin-top: 15px; }
.ab4ul ul li .pic{ margin-top: 40px; }
.ab4div{ margin-top: 50px; }
.map{ height: 680px; }
.a8{ position: relative; }
.a8 .text{position: absolute; width: 527px; height: 330px; z-index: 1; border-radius: 8px; box-shadow: 0 0 5px rgba(0,0,0,.2); background: #fff;
right: 10%;padding:40px; box-sizing: border-box; top: 50%; margin-top: -165px; }
.a8 .text .p1{ color:#333333; font-size: 36px; }
.a8 .text span{ color:#d9d9d9; font-size: 24px; }
.a8 .text p{ color:#999999; font-size: 20px; line-height: 2.4; }
.a8 .text .colse{ position: absolute; right: 30px;top: 0px; cursor: pointer; font-size: 40px; }
.a7ul{ margin-top: 20px; }
.tylm2ul li{ display: inline-block; width: 33.33%; text-align: center; height: 100px; line-height: 100px; position: relative; box-sizing: border-box; }
.tylm2ul{ font-size: 0; background: #fff; margin-top: -60px;box-shadow: 0 0 5px rgba(0,0,0,.2); height: 100px; position: relative;z-index: 1;}
.tylm2ul li img{ display: inline-block; vertical-align: middle; margin-right: 6px; }
.tylm2ul li a{ color:#333333; font-size: 18px; }
.tylm2ul li::before{ content: ""; width: 1px; height: 47px; background: #ededed; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.tylm2ul li:hover a{color:#28a3aa; }
.tylm2ul li:hover{ border-bottom: 3px solid #28a3aa; }
.pr1{ padding: 70px 0; background: #f6f8f7; padding-top: 100px; display: none; }
.tylm2{position: absolute; width: 100%;}
.pr1ul li{ width: 23%; margin-right: 2%; margin-bottom: 2%; position: relative; vertical-align: top; display: inline-block;
height: 360px; box-sizing: border-box;
text-align: center;}
.pr1ul li .pic{background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2);border-radius: 8px;overflow: hidden; }
.pr1ul li::before{ content: ""; width: 50%; height: 4px;transition: .5s; right: 0; background: #28a3aa; position: absolute; top: 0; border-radius: 4px; }
.pr1 .pr1ul li,.pr2 .pr1ul li{ background: #fff; padding: 20px 0; height: 400px;box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 8px; }
.pr1 .pr1ul li .pic,.pr2 .pr1ul li .pic{ background: none; box-shadow: 0 0 0; }
.pr1ul{ margin-right: -2%; font-size: 0;margin-top: 44px; }
.pr1ul li .text .p1{ color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 80%; margin: auto; font-size: 20px; margin-top: 10px; }
.pr1ul li .text .p2{ color:#28a3aa; font-size: 14px; margin-top: 18px; }
.pr1ul li:hover::before{ width: 100%; }
.fense{ }
.fense .computerA .pic img{ display: block; }
.fense .ho4ul li .text{ background: rgba(166,14,124,.7);}
.pr2{ padding: 70px 0;}
.pr2 .pr1ul li .text{margin-top: 20px; }
.pr2 .pr1ul li::before,.pr3 .pr1ul li::before,.pr4 .pr1ul li::before{ display: none; }
.pr3 .tybt h1{ color:#fff; }
.pr3 .tybt h2{ color:#fff; }
/* .pr4 .tybt h1{ color:#fff; }
.pr4 .tybt h2{ color:#fff; } */
.pr3 .pr1ul li,.pr4 .pr1ul li{ height: 330px; }
.pr3{padding: 70px 0; background: #70ccce;}
.pr4{ background: #ffffff; padding: 70px 0;}
.pr3 .pr1ul li{ box-shadow: none;}
.pr3 .pr1ul li .pic{ border-radius: 8px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.pr3 .pr1ul li .pic img{ display: block; }
.pr4 .pr1ul li { padding-top: 0; height: auto; background: none;box-shadow: none; }
.pr4 .pr1ul li .pic{ border-radius: 8px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.pr4 .pr1ul li .pic img{ display: block; }
.pr4 .pr1ul li .text .p1{ color:#333; }
.pr4 .pr1ul li .text .p2{ color:#333;margin-top: 6px; line-height: 1.6; }
.pr4 .pr1ul li .text{ margin-top: 20px; }
.bgm-btn {
position: absolute;
z-index: 200;
width: 30px;
height: 30px;
cursor: pointer;
right: .3rem;
margin-top: -10px;
background-image: url("../i/bgmBtn-fbd2dc.svg");
background-size: contain;
background-repeat: no-repeat;
animation: rotating 1.2s linear infinite;
animation-play-state: running;
}
@keyframes rotating
{
0% {transform: rotate(0deg);}
100% {transform: rotate(1turn);}
}
.fme3 #button .sub{ background: none; padding-top: 0; display: block; width: 100%;margin: auto; }
.gzhbd{ background: #3663b8; min-height: 10rem; padding: .9rem 0; padding-bottom: 1.2rem; }
.gzhbd .sec02 .fhd{ padding: 0; line-height: 1; font-size: .52rem; text-align: center; color:#fff; border: 0; }
.gzhbd .sec02 .fhd2{text-align: center; color:#fff; font-size: .32rem; margin-top: .2rem; }
.fme3 p{ padding: .3rem; background: #fff; border-radius: 8px; margin-top: 10px; position: relative;}
.fme3 p input{ width: 100%; border: 2px solid #ced3d7; padding: 8px 8px; box-sizing: border-box; color:#a1b1c8; }
.fme3 p .reimg{ position: absolute; right: .4rem; top:.38rem; height: .6rem;}
.fme3 #button{ margin-bottom: 0; margin-top: 20px; background: #1b3d85; color:#fff; padding: 10px 0;}
.fme3 #button .sub{ color:#fff;font-size: 16px; }
.Product .sec01 .text1{ background: #eff7f6; padding-bottom: 30px; padding-top: 60px; text-align: center; }
.Product .sec01 .text1 .title{ color:#333333; font-size: 40px; }
.Product .sec01 .text1 .ftitle{ color:#666666; margin-top: 10px; }
.fme3{ margin-top: 30px; }
.gzhbd .sec02 .fhd{ margin-top: 10px; }
.Product .sec01 .text2{ background: #eff7f6; }
.Product .sec01 .name{ color:#004b55; font-size: 24px; margin-bottom: 10px; font-weight: bold; text-align: center; }
.Product .sec01 .name img{ margin-right: 10px; }
.Product .sec01 .text2 .te2{ padding-top: 15px; font-size: 0; }
.Product .sec01 .text2 .te2 p{font-size: 16px; line-height: 30px;background: #fff; vertical-align: top;
height: 266px;overflow: hidden;
display: inline-block; width: 19%;margin-right: 1%; border-radius: 8px; }
.Product .sec01 .text2 .te2 strong{ padding: 20px; box-sizing: border-box; font-weight: normal; display: block; color:#666666; line-height: 2; }
.Product .sec01 .text2 .te2 p a{ background:#65c0c3;font-weight: bold; display: block;text-align: center; width: 100%; height: 60px; line-height: 60px; color:#fff; font-size: 20px; }
.Product .sec01 .text2 .te2a p{ font-size: 14px; color:#999999; line-height: 30px; display: inline-block; width: 42%;margin-left: 6%;padding: 3px 0;}
.Product .sec01 .text2 .te2a{ border: 1px solid #65c0c3; border-radius: 8px; margin-bottom: 20px; margin-top: 30px; padding: 20px 0;}
.Product .sec01 .text3{ background: #eff7f6; }
.Product .sec01 .te3{ background: #fff; min-height: 183px; padding: 28px 53px; border-radius: 20px; position: relative; box-sizing: border-box; margin-top: 100px; }
.Product .sec01 .te3 .fl{ position: absolute; bottom: 28px; }
.Product .sec01 .te3 .ri{ width: 965px; float: right; }
.Product .sec01 .te3 .ri p{ line-height: 30px; font-size: 16px; color:#666666; }
.Product .sec01 .te3 .ri .p2{ text-align: right; }
.Product .sec01 .te3 .ri .p3{ text-align: right; }
.Product .sec01 .text3{ padding-top: 90px; padding-bottom: 60px; }
.Product .sec01 .text3 .pic{ margin-top: 44px; text-align: center; }
.Product .sec01 .text3 .pic img{ max-width: 100%;width: auto; margin: auto; }
.Product .sec01 .text4{ padding: 40px 0;}
.Product .sec01 .text4 .pic { text-align: center;margin-top: 30px; margin-bottom: 45px; }
.Product .sec01 .text4 .pic img{max-width: 100%;width: auto; margin: auto; }
.detail .bd img{ height: auto; }
.Product .sec01 .text5{ background: #eff7f6; padding-top: 80px; }
.Product .sec01 .text5 .text5d .ot1{ text-align: center; }
.Product .text5d { padding: 18px 0; }
.Product .text5d .ot1 a{ display: inline-block;width: 50%; display: inline-block; line-height: 45px; color:#004b55; font-size: 20px; }
.Product .text5d p{ border-bottom: 1px solid #d7dedd; line-height: 50px; }
.Product .text5d p a{display: inline-block;width: 50%; display: inline-block; line-height: 45px; color:#666666; font-size: 16px; text-align: center; }
.Product .text5d{ margin-bottom: 60px; }
.Product .text6d .ot1 a{ width: 20%; }
.Product .text6d p a{ width: 20%; }
.Product .text6d p:last-child a{ color:#004b55; }
.Product .text6d{ margin-bottom: 0px; }
.Product .ztil{ color:#999999; font-size: 12px; }
.Product .text5{ padding-bottom: 42px; }
.Product .text6{ padding-top: 60px; padding-bottom: 50px; }
.Product .text6 a{ color:#666666; font-size: 16px; }
.Product .text6a{ padding-left: 30px; padding-top: 8px; }
.Product .text6a p{ color:#666666; font-size: 16px; line-height: 30px; margin-bottom: 20px; }
.Product .text6a .pic{ text-align: center; }
.Product .text6a .pic img{ width: auto; }
.Product .text6a .pimg p{ width: 31.33%;border-radius: 8px; min-height: 200px; background: #eff7f6; display: inline-block; margin-right: 2%;}
.Product .text6a .pimg{ margin-right: -2%; font-size: 0; }
.Product .text6a .pimg p img{ display: block; }
.Product .text7{ padding: 50px 0; background: #eff7f6; display: none;}
.text5d{ position: relative; }
.text5d .bj{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.mobile {
display: none !important;
}
.Product .sec01 .fs1 .title a{ color:#a81f7a; }
.Product .sec01 .fs1{ background: #f2e2ed; }
.Product .sec01 .fs2{background: #f2e2ed; padding-bottom: 1px; }
.Product .sec01 .fens img{ max-width: 100%; width: auto; }
/* .Product .sec01 .fens .pic{ text-align: center; margin-top: 36px; margin-bottom: 36px; } */
/* .Product .sec01 .fens .name{color:#a81f7a; background: url("/i/yq2.png") no-repeat left; } */
.Product .sec01 .fens .te2 p a{color:#a81f7a; }
.Product .sec01 .fens .te2a p{ color:#666666; font-size: 16px; font-weight: bold; }
.Product .sec01 .fens .te2a a{ color:#a81f7a; }
.Product .sec01 .fens .te2a{ margin-bottom: 70px; }
.Product .sec01 .fs3{ background: #f2e2ed; }
.Product .sec01 .fs3 .text p strong{color:#666666; font-size: 16px;display: block; margin-top: 18px; }
.Product .sec01 .fs3 .text p{ color:#666666; font-size: 16px; line-height: 30px; }
.Product .sec01 .fs3 .text{ padding-left: 30px; }
.Product .sec01 .fs4a .text{ padding-left: 30px; margin-top: 14px; }
.Product .sec01 .fs4a { background: #f2e2ed; padding: 70px 0;}
.Product .sec01 .fs5{ background: #fff; }
.Product .sec01 .fs5 .computer{ margin: auto; }
.Product .fs7{ background:#f2e2ed; }
.Product .sec01 .fs5 .text{ padding-left: 30px; margin-top: 10px; }
.Product .sec01 .fs5 .text p{ color:#666666; font-size: 16px; line-height: 30px; }
.Product .sec01 .fs2 .te2 p{ width: 32.33%; background: #}
.Product .sec01 .fs2 .te2{ margin-right: -1%; }
.Product .sec01 .fens .te2 p a{ background: #a81f7a; color:#fff;}
.Product .sec01 .fens .name{ color:#a81f7a; }
.Product .sec01 .fens .te2a{ border: 1px solid #a81f7a;}
.Product.fense .sec01 .text1{background: #faf0f6; }
.Product.fense .sec01 .text1 .pic{ text-align: center; }
.Product.fense .computerA img{margin:auto; }
.fense .text1 .p1{ color:#a60c76; font-size: 50px; font-weight: bold; }
.fense .text1 .p2{ color:#d580b1; font-size: 20px; margin-top: 16px; margin-bottom: 60px; }
.fense.Product .sec01 .name{color:#a60c76; font-size: 30px; margin-top: 0px; margin-bottom: 40px; }
.Product.fense .sec01 .text2{ background: #faf0f6; padding-top: 1px; }
.Product.fense .sec01 .text3{background: #faf0f6; }
.Product.fense .computerA .cen{ max-width: 1000px; }
.Product.fense .text3 .cen{ border: 1px solid #d580b1; border-radius: 16px; padding: 50px; box-sizing: border-box;}
.Product.fense .text3 .p1{ color:#666666; font-size: 18px; margin-bottom: 10px; }
.Product.fense .text3 p{ color:#999999; font-size: 14px; line-height: 2.4; }
.Product.fense .text4{ background: #fff;}
.Product.fense .text4 .name{ margin-top: 0; }
.Product.fense .text4 p{ line-height: 2; margin-bottom: 5px; color:#999; }
.Product.fense .text4 .pic{ margin-bottom: 0; }
.Product.fense .sec01 .text5{ background: none; }
.Product.fense .sec01 .computerA>.text7{ display: none; }
.Product.fense .text6{ background: #faf0f6; }
.Product.fense .text6 .name{ }
.Product.fense .text7{display: block; }
.Product.fense .sec01 .text7{ background: #faf0f6; padding-top: 0; }
.Product.fense .sec01 .text7 .te2{ padding-top: 15px; font-size: 0; }
.Product.fense .sec01 .text7 .te2 p{font-size: 16px; line-height: 30px;background: #fff; vertical-align: top;
height: 266px;overflow: hidden;
display: inline-block; width: 31.3%;margin-right: 1%; margin-left: 1%;border-radius: 8px; }
.Product.fense .sec01 .text7 .te2 strong{ padding: 20px; box-sizing: border-box; font-weight: normal; display: block; color:#666666; line-height: 2; }
.Product.fense .sec01 .text7 .te2 p a{ background:#a60c76;font-weight: bold; display: block;text-align: center; width: 100%; height: 60px; line-height: 60px; color:#fff; font-size: 20px; }
.Product.fense .sec01 .text7 .te2a p{ font-size: 14px; color:#999999; line-height: 30px; display: inline-block; width: 42%;margin-left: 6%;padding: 3px 0;}
.Product.fense .sec01 .text7 .te2a{ border: 1px solid #a60c76; border-radius: 8px; margin-bottom: 20px; margin-top: 30px; padding: 20px 0;}
.Product.fense .sec01 .text8{ background: #fff; padding-top: 50px; }
.Product.fense .sec01 .text9{ background: #f1e3ed; padding-top: 50px; padding-bottom: 50px; }
.Product.fense .sec01 .text9 .name{ margin-bottom: 50px; }
.Product.fense .sec01 .text9 .pic{margin-bottom: 50px; }
.Product.fense .sec01 .text9 .t1{ border: 1px solid #d580b1; text-align: center; padding: 20px; line-height: 2; color:#666666;
margin-bottom: 40px; border-radius: 8px;
}
.ho4ul{ margin-top: 60px; }
.ap1ul li .text{overflow: hidden; position: relative;z-index: 1; }
.ap1ul li .fl{ width: 40%; padding: 0 40px; padding-left: 60px; box-sizing: border-box;margin-top: 30px; }
.ap1ul li .ri{ width: 58%; margin-right: 2%; border-radius: 8px; overflow: hidden; }
.ap1ul li .ri img{ display: block;}
.ap1ul li{margin-bottom: 80px; position: relative; height: 560px; }
.ap1ul li::before{ content: ""; width: 100%; height: 444px; background: #f9f9fa; position: absolute; bottom: 0; }
.ap1{margin-top: 100px; }
.ap1ul li .fl .p1{ color:#333333; font-weight: bold; font-size: 40px; }
.ap1ul li .fl .textp .t1{ color:#333333; font-weight: bold; font-size: 18px; position: relative; }
.ap1ul li .fl .textp .t2{color:#666666; line-height: 2; margin-top: 10px; margin-bottom: 16px; }
.ap1ul li .fl .textp{ margin-top: 60px; }
.ap1ul li .fl .textp .t1::before{ content: ""; width: 10px; height: 5px; background: #007980; position: absolute; left: -16px; top: 50%; margin-top: -3px;
}
.ap1ul li .text .morea{margin: inherit; }
.ap1 .content p{ color:#666666; font-size: 18px; margin-bottom: 16px; line-height: 1.8; }
.ap1 .content strong{ color:#333333; font-size: 20px; font-weight: normal; }
.ap1 .content .pic{ text-align: center; margin: 20px 0;}
.ap2{ padding: 70px 0;}
.ho4ul li{ box-shadow: 0 0 5px rgba(0,0,0,.1); }
.text7 .ho4ul li{display: none;}
.text7 .ho4ul li:nth-child(-n+4){display: block;}
.ne1{ padding: 90px 0;}
.ne2 .p0{ text-align: center; color:#333333; font-weight: bold; font-size: 40px; }
.ne2 .time{ text-align: center; color:#999999; margin-top: 18px; }
.content{ border-top:1px solid #e7e7e7; padding-bottom: 40px; border-bottom: 1px solid #e7e7e7; margin-top: 40px; padding-top: 45px; }
.content p{ color:#777777; line-height: 1.8; margin-bottom: 20px; text-indent: 2em; }
.content .pic{ text-indent: 0; }
.content p strong{font-size: 20px;}
.content p strong span{font-size: 20px; }
.content .pic{text-align: center; }
.tyfh{ padding-top: 20px; height: 108px;border-top: 1px solid #e5e5e5; padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; }
.tyfh .prev{ float: left; width: 40%; height: 54px;overflow: hidden; border: none; }
.tyfh .next{ float: right; width: 40%; text-align: right; height: 54px; overflow: hidden; border: none; }
.tyfh .fhui{ position: absolute; left: 50%; margin-top: 16px; transform: translateX(-50%);}
.tyfh .fhui img{ vertical-align: middle; margin-right: 5px; position: relative; top: -1px; }
.tyfh p i{ display: block; color:#999999; }
.tyfh p span{ float: left; width: 47px; margin-top: 4px; height: 47px; text-align: center; line-height: 47px; border: 1px solid #666666; border-radius: 50%;color:#666;}
.tyfh .prev span{ transform: rotate(-90deg); margin-right: 14px;}
.tyfh .next span{ transform: rotate(-90deg); margin-left: 14px; }
.tyfh .next span{ float: right; }
.ne2{ padding: 80px 0;}
.ne2 .time span{color:#999999; margin: 0 10px; }
.tyfh p a{color:#333333; font-size: 14px; line-height: 1.8; }
.tyfh p:hover span{ border: 1px solid #008395; color:#008395; }
.tyfh p:hover a{ color:#008395; }
i {
font-style: normal;
}
.lx{ width: 650px; margin: 30px auto; }
.lx .fl2{ margin-left: 80px; }
.lx .fl2 p strong{ color:#333333; font-weight: bold; font-size: 24px; }
.lx .fl2 p{ color:#666666; font-size: 18px; margin-top: 22px; }
.ne0{ background: url("../i/tx.jpg") no-repeat center; text-align: center; padding-top: 200px; }
.ne0 .p1{color:#e60012; font-size: 55px; }
.ne0 .p2{ color:#333333; font-size: 24px; margin-top: 12px; margin-bottom: 30px; }
.ne0 .p3{ color:#666666; font-size: 18px; line-height: 2; }
.ne0 .pic img{ width: 31.33%; margin: 0 1%;}
.ne0 .pic{ margin-top: 50px;padding-bottom: 80px; border-bottom: 1px solid #ededed; }
.ne3{ padding-top: 0; }
.ne3 .ho6ul li{ box-shadow: none; width: 100%; margin-right: 0; border-bottom: 1px solid #ededed; padding: 60px 0;}
.ne3 .ho6ul{ margin-right: 0; }
.ne3 .ho6ul li .pic{ float: left; width: 440px; }
.ne3 .ho6ul li .text{ float: left; width: calc(100% - 500px); margin-left: 40px; }
.ne3 .ho6ul li .p2{ color:#666666;height: 100px; line-height: 1.8; }
.ne3 .ho6ul li .p1{ height:auto; }
.recruit .list {
margin-bottom: 42px;
}
.recruit .list ul {
margin-bottom: 92px;
}
.recruit .list .item {
font-size: 20px;
padding: 0 40px;
box-shadow: 0 0 5px rgba(0,0,0,.1); margin-bottom: 19px;
}
.recruit .list .ihd {
position: relative;
line-height: 80px;
height: 80px;
cursor: pointer;
overflow: hidden;
display: flex;
padding-right: 54px;
}
.recruit .list .ihd:after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 10px;
background: url(../i/icon_arrow_down.png) no-repeat center;
background-size: cover;
transform-origin: center;
transition: transform .6s ease;
}
.recruit .list .item.on .ihd:after {
transform: rotate(180deg) translateY(50%);
}
.recruit .list .ihd .title {
flex: 0 0 335px;
position: relative;
padding: 0 32px 0 24px;font-size: 18px; color:#333333;
}
.recruit .list .ihd .title:before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 11px;
height: 11px;
background: #28a3aa;
border-radius: 50%;
}
.recruit .list .ihd .title:after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 20px;
background: #e5e5e5;
display: none;
}
.list{ padding: 90px 0; padding-bottom: 0; }
.recruit .list div.item{background: #f7f9fc; }
.recruit .list div.item .title::before{ display: none;}
.recruit .list div.item .info,.recruit .list div.item .info span,.recruit .list div.item .money{ color:#999999;}
.recruit .list div.item .info span{}
.recruit .list .ihd .right {
flex: 1;
display: flex;
justify-content: space-between;
}
.recruit .list .ihd .info {
padding-left: 32px;
width: 60%;color:#333333;font-size: 18px;
}
.recruit .list .ihd .info span {
margin-left: 40px;
display: inline-block;vertical-align: top;width: 30%;float: right;color:#333333;font-size: 18px;
}
.recruit .list .ihd .money {
position: relative;color:#333333;font-size: 18px;padding-right: 40px;
}
.recruit .list .ibd {
position: relative;
display: none;
line-height: 30px;
padding: 28px 14px 65px;
color: #666;
border-top: 1px solid #eeeeee;
box-sizing: border-box;
}
.recruit .list .ibd:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 37px;
background: #fff;
}
.recruit .list .ibd p strong{ font-size: 18px; }
.recruit .list .ibd p span{ color:#28a3aa !important; font-size: 18px;}
.ho6ul li{overflow: hidden; }
.vi1{ padding: 70px 0; padding-bottom: 100px; }
.vi1p{ text-align: center; margin-bottom: 58px; }
.vi1p p{ border: 2px solid #28a3aa; color:#28a3aa; overflow: hidden; width: 200px; margin: 0 26px; height: 53px; line-height: 53px; display: inline-block; font-size: 18px; border-radius: 40px; }
.vi1p p.on{ background: #28a3aa; color:#fff; }
.vi1p p a{ color:#28a3aa; display:block; }
.vi1p p.on a{ color:#fff;}
.vi1p a:hover{ background: #28a3aa; color:#fff;}
.ho6ul li .text .p3 img{ vertical-align: middle; margin-right: 6px; }
.vi2 .pic{ float: left; width: 133px; height: 174px !important; margin-left: 20px; margin-top: -30px; }
.vi2 .pic img{ width: 100%; height: 100% ; }
.vi2 .ho6ul li .text{ width: calc(100% - 183px); float: left; padding: 0; margin-left: 24px; margin-top: 24px; }
.vi2 .ho6ul li{overflow: inherit; height: 184px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.vi2 .ho6ul{ margin-top: 80px; }
.vi2{ background: #fcfcfc; }
@media screen and (max-width:1610px) and (min-width:640px){
.nav::before {background: url("../i/lvz.jpg") no-repeat 28%; }
.fotul li{ margin-right: 3vw; }
.fotul li:last-child{ width: 200px; }
.fullslide .text .p1{ font-size: 40px; }
.ab1 .fl p{ font-size: 16px; margin-bottom: 20px; }
.ab4div p{ font-size: 20px; }
.ab4ul ul li .text p{ font-size: 14px; }
.ab4ul ul li .p1{ font-size: 24px; }
.ab4ul{ margin-top: 80px; }
.ab4ul ul li .text{ margin-top: 25px; }
.a8 .text .p1{ font-size: 32px; }
}
@media screen and (max-width:1450px) and (min-width:640px){
.tybt .p1,.ho2 .text .p1{ font-size: 30px; }
.tybt .p2,.ho2 .text .p2{ font-size: 18px; }
.ho3ul{ margin-top: 40px; }
.ho3ul li{ height: 350px; padding-top: 30px; }
.ho4 .ri .pic img{ width: 100%;}
.ho4 .ri .pic2 img{ width: 100%; right: 0;top: 0;position: relative;}
.ho4.active .ri .pic2 { height: auto;transition: 2s;
width: 60%;right: 20%;top: 31%;}
.tybt .p2{ margin-top: 10px; }
.ho4 .fl .ho4ul1 li .p1 span{ font-size: 45px; }
.ho4 .fl .tybt{ top: 0; }
.ho4 .fl .ho4ul1 li{ margin-bottom: 0; }
/* .ho4 .fl .ho4ul2 li .pic img{ max-width: 60px; } */
.ho4 .fl .ho4ul2{ margin: 10px 0;}
.tymore{ height: 40px; line-height: 40px; }
.ho5ul li{ height: 360px; }
.ho5ul{ margin-top: 20px; padding-bottom: 10px; }
.ydz::after, .ydz::before{ top: 33%;left: 60%;}
.fot1{ padding:45px 65px;}
.ab9 .picScroll-left .bd li .pic{ height: auto;}
.ab9 .picScroll-left .bd li{ height: 450px; }
.pr1cen{ max-width: 1200px; float: none; margin: auto; }
.pr1ul li .ri{ width: 50%; }
.pr1ul li .fl{ width: 50%; padding: 65px 10px; padding-right: 15px; }
.ho6 .fl{ width: 205px; }
.ho6 .ri{ width: calc(100% - 205px); }
.Btul{ margin-left: 3%;}
.BigDiv{ min-width: 1200px; }
.ydz::after, .ydz::before{ left: 50%;}
.ftul > li{ width: auto; margin-right: 25px; }
.pr1ul li .fl .p1{ font-size: 24px; }
.pr1ul li .fl .p2{ font-size: 16px; font-weight: normal; }
.ho5ul li{ width: 21%; margin: 0 2%;height: 340px; }
.ho5ul li .text{ padding: 10px 20px;}
.ho5.section .cen{top: 20px; }
.ab7ul li{ padding: 46px 18px; }
.ho4ul li{ width: 100%;}
}
@media screen and (max-width:1250px) and (min-width:640px){
.ho4.active .ri .pic2{right: 20%;top: 36%;}
.ydz::after, .ydz::before{ left: 60%;}
}
@media screen and (max-width:1200px) and (min-width:0px){
.top .nav > ul > li{ margin: 0 1%;}
}
@media screen and (min-width:640px){
.navul>li:hover .navul3{ height:auto; padding: 10px 0;}
.navul>li:hover .navul2{ padding: 10px 0; height:auto; }
}
@media screen and (max-width:640px) and (min-width:0px){
*{ font-size: .28rem; }
.mobile {
display: block !important;
}
.lx{display: none;}
.BigDiv{ overflow: hidden; }
.top .right > ul > li span{ display: none; }
.tu1{ display: none;}
.tu2{ display: block; }
.fullslide .prev, .fullslide .next{ display: none; }
.float{ display: none;}
.fullslide .text .title{ display: none; }
.fullslide .text .pic{ display: none; }
.fullslide1 .bd::before{ bottom: -2px; }
.fullslide1 .text{ width:80%; margin-top: 0; bottom: 20%; left: 50%; margin-left: -40%; }
.fullslide1 .text .title{ font-size: .6rem; }
.fullslide1 .text .ftitle{ font-size: .7rem; }
.fullslide1 .text .smrt{ font-size: .4rem; line-height: .5rem; margin-top: 40px; }
.clname .ftitle{ font-size: .8rem;margin-left: -100px;
margin-top: -23px;}
.fullslide .cen{ top: inherit; bottom: -80px;}
.fullslide .text{ width: 90%; left: 50%; height: 350px; transform: translateX(-50%); top: inherit;bottom: 0;
padding: 15px 16px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.fullslide .text .input_but{ font-size: .48rem; }
.fullslide .hd{display: none; }
.pics{ margin-top: .3rem; }
.fullslide .text .ftitle{ font-size: .42rem; }
.fullslide .text .ftitle .sjcx{ font-weight: normal; display: block; color:#ff7109; font-size: .57rem; font-weight: bold; }
.fullslide .text .ftitle .sjcx a{ color:#02469b; font-size: .57rem; font-weight: bold; }
.BigDiv{min-width: 320px;}
.cen{ min-width: 280px; }
.sjcx{ display: inline-block;}
.sjyc{ display: none;}
.BigDiv{max-width: 640px; min-width: 320px; margin: auto; }
.logm{ float: right; margin-right: 15px; font-size: 20px; margin-top: 13px; }
.logm span{ color:#fe5e10; }
.top{ height: auto; margin-top: 0; padding: 5px 0; }
.cen{width: 94%; margin: auto; }
.lc{ display: none; }
.ment img {width: 30px;}
.ment { float: right; margin-top: 0; }
.top .nav{ position: absolute; float: none; width: auto; }
.top .ri .search{display: none; }
.top .logo{ max-width: 150px; margin-top: 9px; }
.top .nav > ul > li ul{ display: none; }
.top .nav > ul > li:hover ul{ display: none; }
.top .ri .search .pic, .top .ri .en{ width: 40px; height: 40px; line-height: 40px; }
.top .ri{ width:auto; }
.section .cen > div{ opacity: 1; }
.top .ri .en{ display: none; }
.top .ri{ margin-top: 12px; }
.top .nav{ margin-left: 0; width: 100%; right: 0%; background: rgba(0,0,0,.7);top: 66px; display: none; }
.top .nav li{ width: 100%; }
.top .nav > ul > li > a{ height:auto; line-height: 2; }
.top .nav > ul > li{ margin: auto; }
.top .nav > ul > li{ text-align: center; }
.top .nav > ul{padding: 10px 0;}
/* .top .nav > ul > li.sjcx{ display:block; } */
.top .nav > ul > li::before {top: 100%;}
.ho1 .fullslide{ height: auto; }
.ho2 .text .p1{ font-size:.4rem; }
.ho2 .text .p2{ font-size: .3rem; margin-top: 20px; margin-bottom: 30px; }
.section .cen{ top: 0;}
.section{ padding: 30px 0;}
.ho1{ height: auto;padding: 0; }
.tymore{ height: 44px; line-height: 44px; }
.tybt .p1{font-size:.4rem; }
.tybt .p2{font-size: .3rem; }
.ho3ul{ margin-top: 20px; }
.ho3ul li .text .p1{ font-size: .28rem; }
.ho3ul li .pic{ width: 60%; margin: auto; margin-bottom: 10px; }
.ho3ul li{ width: 50%; min-height: 240px; height: auto; padding-top: 5px; }
.ho3ul li .tymore2{ margin-top: 10px;}
.ho3ul li::before { display: none; }
.ho4 .ri{ display: none; }
.ho4 .fl .tybt{ top: 0; }
.ho4 .fl{ float: none; width: 100%; }
.ho4 .fl .tybt .p2{ white-space: normal; }
.ho4 .fl .ho4ul1 li .p1 span{ font-size: .6rem; }
.ho4 .fl .ho4ul1 li .p1 a{ font-size: .3rem;}
.ho4 .fl .ho4ul1 li .p2{ font-size: .3rem; }
.ho4 .fl .ho4ul1{ width: 100%; }
.ho4 .fl .ho4ul2 li{width: 50%; }
.ho4 .fl .ho4ul2 li:nth-child(2n){ width: 50%; }
.ho4 .fl .ho4ul2 li .p1{ font-size: .26rem; text-align: center; }
.ho4 .fl .ho4ul1 li{ width: 60%;}
.ho4 .fl .ho4ul1 li:nth-child(2n){ width: 40%;}
.ho4 .fl .ho4ul2 li .pic{ text-align: center; }
.ho4 .fl .ho4ul2 li .pic img{ max-width: 1rem; max-height: 1rem; }
.fixeul{display: none; }
.ho4 .fl .tymore{ margin:auto; }
.ho5ul li{ width: 48%; height:4.5rem; display: none;}
.ho5ul{ overflow-y: inherit;white-space: normal; }
.ho5ul li:nth-child(-n+4){display: inline-block; }
.ho5ul li .text{ padding: 10px; }
.ho5ul li .text .p1{ font-size: .28rem; height: 1rem; margin-bottom: 0; }
.ho5ul{ margin-top: 20px; padding-bottom: 20px; }
.tybt .p2{ margin-top: 10px; }
.fot1{ padding: 20px; }
.ho6 .fl{ float: none; text-align: center; width: 100%; }
.ho6 .ri{ width: 100%; }
.Btul{ display: none; }
.ho6 .fl::before { display: none;}
.Ctou{ width: 100%; float: none; text-align: center;}
.Ctou .Cti1{ padding-bottom: 0; padding-top: 15px; }
.ctum{ float: none; margin: auto; width: 100%; text-align: center; margin-top: 15px; }
.fot1{ height: auto; }
.more4{ display: none; }
.ho6{ height: auto !important;}
.fot2{ padding-bottom: 0; }
.banner img{max-width: 200%; }
.Product .banner img{max-width: 100%;}
.banner{background-size: auto 100%;background-attachment: inherit;}
.banner .text .p1{ font-size: .38rem; line-height: 1.8; }
.banner .text .p2{ font-size: .28rem;display:none;}
.recruit .picMarquee-left .hd{width: 100%; top: 100%; transform: translateY(0);transform: translateX(-50%);}
.tylm .fl{ display: none; }
.recruit .list .ihd{ line-height: 50px; height: 50px; }
.top .tel .tp1 span{ margin-left: 2px; }
.content img{ position: relative;/*left: -2em;*/ }
.content .pic img{left:0;text-align:0 !important;}
.content p img{text-indent:-2em;}
.recruit .list div.item .ihd::after{display: none;}
.recruit .a7ul li{height: 2.5rem; width: 50%;}
.tylm .ri{ float: none; width: 100%; font-size: 0; }
.tylm .ri ul li{ margin-left: 0; width: 20%; text-align: center; height: 60px; }
.about .tylm .ri ul li{ width: 16.66%;}
.tylm .ri ul li a{ font-size: .24rem; }
.quyu{ height: 61px; }
.tylm{ height: 60px; }
.tylm{ line-height: 60px; }
.tylm.on{ top: 60px; }
.top.on.UP{ padding: 0; }
.ab1{ padding: 30px 0;}
.tybt2 .p1{ font-size: .5rem;}
.tybt2 .p2{ font-size: .36rem; }
.ab1 .text p{ font-size: 14px; }
.ab2{ height: auto; padding: 30px 0;}
.ab2 .fl{ width: 100%; float: none; margin-top: 0; overflow: hidden; }
.ab2ul li{padding: 15px; height: auto; width: 100%; margin-bottom: 1%;text-align: center; }
.ab2ul li .p1 span{ font-size: .5rem; }
.ab2ul li .p1 a{ font-size: .3rem; }
.ab2 .ri{ margin-top: 20px; float: none; width: 100%; }
.ab2ul li .p2{ margin-top: 5px; }
.ab3{ padding: 30px 0; height: auto; }
.ab3 .picScroll-left{ margin-top: 20px; }
.ab4{ padding: 30px 0;}
.ab4ul li{ width: 48%; margin-bottom: 15px; }
.ab4ul li .text{ padding: 0 10px; }
.ab4ul li .p1{ font-size: 18px; }
.ab5 .ab5div{ width: 100%; }
.ab5{background: url("../i/bj9.jpg") no-repeat 70% 50%; height: auto; padding: 30px 0;}
.ab5 .ab5div{ margin-top:0rem }
.ab5 .ab5div p{ font-size: .3rem; line-height: 2; }
.ab5 .ab5div .pic{ margin: 20px 0;}
.ab6ul{ margin-top: 20px; margin-right: -2%;}
.ab6ul li{ width: 48%; margin: 1%; }
.ab6ul li:hover .text{ padding: 20px; }
.ab6{ background-size: auto 100%; padding: 30px 0;}
.ab7{ padding: 40px 0; background-size: 100% 100%; }
.ab7ul li{ margin: auto; width: 100%; height:auto; padding: 15px; margin-bottom: 15px; }
.ab7ul{ margin: auto; margin-top: 15px; }
.ab8ul li .p1{ position: relative; display:block;top: 0; transform: translateY(0); font-size: 60px; }
.ab8div .fl{ margin-top: 20px; width: calc(100% - 100px); }
.ab8ul li .text{ margin-left: 0;padding: 20px 30px; font-size: .4rem; }
.ab8div{ height: auto; }
.ab8 .pdx{ margin-top: 100px; }
.ab8diva{ margin-top: 60px;}
.about{ background-size: auto auto;}
.ab9{ padding: 30px 0;}
.ab9 .picScroll-left .bd li{ width: 31.33%; margin: 1%; height: 5.4rem; }
.ab9 .picScroll-left .bd li .pic{ height: auto; }
.ab9 .picScroll-left{padding: 0; margin-top: 20px; }
.ab9 .picScroll-left .bd li .text{ padding: .2rem; }
.ab9 .picScroll-left .bd li .text .p1{ font-size: .4rem;}
.ab9 .picScroll-left .bd li .text span{ font-size: .3rem; display:block; }
.ab9 .picScroll-left .bd li .text span::before { display: none; }
.ab9 .picScroll-left .bd li .text .p3{ font-size: .24rem; }
.ab10{ padding: 30px 0; height: auto; }
.ab10 .ho4ul1 li .p1 span{ font-size: .5rem; }
.ab10 .ho4ul1 li .p1 a{ top: 0; font-size: .34rem; }
.ab10 .ho4ul1 li .p2{ font-size: .28rem; }
.ab10 .ho4ul1{ margin-top: 20px; }
.ab10 .ho4ul2 li{ width: 100%; }
.ab10 .ho4ul2 li .pic{ max-width: 60px; display: none; }
.ab10 .ho4ul2{ margin-top: 20px; }
.ab10 .ho4ul3 li{ width: 50%; padding: 0px; height: 4rem; }
.ab10 .ho4ul2 li .p1{ font-size: 14px; }
.ab10 .ho4ul3 li .pic{ height: 3rem; width: 90%; margin: auto; }
.ab11{ padding: 30px 0;}
.ab11 .ri{ float: none; width: 100%; }
.ab11 .fl{ float: none; width: 100%; }
.ab11 .fl p{text-align: left; }
.ab11 .ri p{ font-size: .3rem; margin-top: .2rem; margin-bottom: 0; }
.ab10ul{ padding-top: 20px; }
.ab11 .more3{ display: none; }
.ab10ul li{ width: 31.33%;}
.ab10ul li:last-child{ display: none; }
.pr1{padding: 30px 0;}
.pr1ul li .ri{ width: 100%; height: auto; float: none; }
.pr1ul > li{ margin-top: 30px; }
.slideBox{ position: relative; bottom: 0; }
.slideBox .bd li img{ max-height: 6rem; }
.pr1ul li .fl{ float: none; width: 100%; height: auto; padding: .3rem; }
.pr1ul li .fl .p1{ font-size: .34rem; }
.pr1ul li .fl .p2{ font-size: .28rem; }
.pr1ul li .fl .text p{ font-size: .24rem; margin-top: 10px; }
.pr2{ padding: 30px 0;}
.pr2 .ri{ float: none; width: 100%; }
.pr2 .ri{ font-size: .24rem; }
.g_iframes{display: none; }
.he_ifzs ul li{ position: relative; left:auto !important; top: auto; margin-top: auto !important; margin-bottom: 10px; }
.he_ifzs ul{ position: relative; width: 100%; left: inherit; transform: translateX(0);}
.he_ifzs ul li .p0{ display: block; margin-left: 0; background: url("../i/jbs2.png") no-repeat center; position: relative; top: auto !important; left: auto !important; margin:auto !important;transform: translate(0,0) !important;background-size: 100% 100%; height: 60px; line-height: 60px; }
.he_ifzs ul li .p0 [class*="icon-"]{ display: inline-block; margin-right: 5px; }
.he_ifzs ul li .p1{ display: none; }
.he_ifzs{ top: inherit; position: relative; }
.he_ifzs ul li .text{ position: relative; display: block; width: 90%; left: 5% !important; transform: translateX(0) !important; margin-top: 10px; }
.he_ifzs ul li .p0 span{ font-size: 16px; }
.pr3{ height: auto; padding: 30px 0;}
.he_ifzs ul li .p0 span::before{ font-size: 20px; }
.pr4ul li .fl{ float: none; width: 100%; }
.top.on .nav{background: #093d79; }
.pr4ul li .ri{ float: none; width: 100%; padding: 10px; }
.pr4ul li .ri .p1{ font-size: .38rem; }
.pr4ul li .ri .p2{ font-size: .28rem; }
.pr4ul li .ri .p3 p{ margin-top: 15px; }
.pr4ul li .ri .p1{margin: 10px 0;}
.pr4ul li{padding: 30px 0;}
.ne1 .ho5ul li{ width: 80%; margin: auto;
height:auto;padding-bottom: 10px; margin-bottom: 15px;
display: block; }
.top .tel{}
.top .tel .search{ display: none; }
.top .tel .tp1{ margin-top: 0; }
.nav{ margin-top: 0; }
.Home .ho5ul li .text .p1{ -webkit-line-clamp: 2; line-height: 1.5; margin-bottom: 4px; }
.ho5ul li .text .p1{ height: auto; -webkit-line-clamp: 9; margin-bottom: 10px; }
.ne2{padding: 30px 0;}
.banner .text{ width: 94%;left: 3%;}
.ne2 .p0{ font-size: .36rem;}
.ne2 .time span{ font-size: .24rem; }
.content{padding: 20px 0; margin-top: 20px; }
.ne2 .time{ margin-top: 10px; }
.tyfh .prev{ float: none; width: 100%; }
.tyfh .next{ float: none; width: 100%; }
.tyfh .fhui{ position: relative; left: auto; transform: translateX(0);text-align: center;border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;padding: 15px 0; margin-bottom: 10px; }
.tyfh{ height: auto;}
.ne3ul{padding: 30px 0; margin:auto; }
.ne3ul li{padding: 15px; width: 100%; margin:auto;}
.ne3ul li .p2{ height: auto; font-size: .36rem;}
.ne3ul li .p3{ height: auto; }
.pr2 .fl{ float: none; width: 100%; }
.ne6p span{ width: 48%; margin: 1%; height: 40px; line-height: 40px; }
.ne6p span a{ font-size: 14px; }
.ne6ul li{ width: 100%; margin: 1% 0; }
.news .pr2{padding-bottom: 30px; }
.ne6{padding: 30px 0; }
.ne6ul{margin: auto; margin-top: 20px; }
.content p video{ width: 100%; height: auto; }
.ne3 .ne6p{ top: 15px; margin-bottom: 10px; }
.news .ne3ul li{ margin-bottom: 10px; }
.recruit .pr2 .ri{ float: none; width: 100%; }
.recruit .pr2 .ri .re2ul li{padding: 10px 0;}
.recruit .pr2 .ri .re2ul li .ri{ float: right;width: calc(100% - 60px);}
.recruit .pr2 .ri .re2ul li .fl{ float: left; margin-left: 0; width: 50px; }
.recruit .pr2 .ri .re2ul li .ri .p1{ font-size: 18px; }
.recruit .pr2 .ri .re2ul li .ri .p2{ font-size: 16px; }
.pr2 .tybt2 .p0{ display: none; }
.re1 .fl{ height: auto; margin-top: 0; width: 100%; float: none; position: relative; padding: 20px 0; min-width: inherit; }
.re1 .ri .slideBox .bd li .text{ padding-left: 0; padding: 10px; box-sizing: border-box; }
.re1 .ri .slideBox .bd li .text .p2{ font-size: 20px; margin: 10px 0;}
.re1 .ri .slideBox .bd li .text .p3{padding-right: 0; margin-bottom: 0; }
.re1 .ri .slideBox .bd li .pic em{ margin: 1.5%; }
.re1 .ri .slideBox .bd li .pic{ margin-top: 20px; }
.re1 .ri .slideBox .prev{ top: 10%; left: inherit; right: 50px; width: 30px; height: 30px; }
.re1 .ri .slideBox .next{ top: 10%; left: auto; right: 20px; width: 30px; height: 30px;}
.re3{ padding: 30px 0;}
.re3ul li{ width: 100%;margin-bottom: 20px; }
.re3ul li .pic img{ width: 60px; }
.re3ul li .text{ height: auto; margin-bottom: 20px; }
.re3ul li .text .p1{ font-size: 20px; margin: 10px 0;}
.re3ul li .text .p2{ font-size: 14px; line-height: 1.6; }
.re3ul li .p3{ height: 60px; line-height: 60px; }
.re4 .ri .jp3ul li .ts1{ height: auto; padding: 15px; }
.re4 .ri .jp3ul li .ts1 .p1{ width: 90%; font-size: 18px; padding-bottom: 4px; }
.re4 .ri .jp3ul li .ts1 .p2{ float: none; margin-top: 4px; }
.re4 .ri .jp3ul li .ts1 .p3{ }
.re4 .ri .jp3ul li.on .ts2{ padding: 14px; }
.re4 .ri .jp3ul li .ts2 .text p strong{ font-size: 16px; }
.re4 .ri .jp3ul li .ts2 .text p{ font-size: 14px; }
.re4{padding: 20px 0;}
.banner2{ overflow: hidden; }
.banner2 > img{ max-width: 280%; float: right; }
.banner2 .tybt2 .p2{ font-size: 30px; text-align: left;}
.banner2 .tybt2 .p1{ font-size: 50px; }
.banner2 .tybt2 .p3{ margin: 20px; }
.banner2 .tybt2{ top: 3rem; }
.co1{ padding: 20px 0; }
.co1 .fl{ width: 100%;padding: 20px; }
.co1 .fl .p1{ font-size: 20px; }
.co1 .ri{ width: 100%; margin-top: 15px; }
.top .nav > ul > li{ margin-bottom: 10px; }
.top .nav > ul > li::before { height: 1px; }
.Home .cen{ width: 94%; }
.Management .ho6{ margin-top: -100px; }
.ab5 .ab5div .t1p{display: none; }
.ab5 .ab5div .text2{ display: block; }
.product .tylm .ri ul{ overflow-X: auto; white-space: nowrap; height: 70px; }
.product .tylm .ri ul li{ width: auto; margin-right: .1rem; float: none; display: inline-block; }
.product .tylm{ height: 70px; }
.product .tylm .ri ul li.on{ border: none; }
.product .tylm .ri ul{}
.recruit .pr2 .tybt2.fl{top: 0; }
.re3ul{ margin-right: 0; }
.ho1{ margin-top: 65px; }
.tymore img{ display: none; }
.tymore{ width: 120px; height: 34px; line-height: 34px; }
.ho2{ padding: 80px 0;}
.tybt .p2{ line-height: 1.9; }
.ab6ul li{ height: 250px; }
.ab6ul li .pic{ width: 70%; margin: auto; margin-top: 20px; }
.ab6ul li .text .p2{ line-height: 1.6; margin-top: 10px; }
.ab7ul li{ padding-bottom: 10px; padding-top: 20px; }
.ab7ul li .fl{ width: 90px; }
.ab7ul li .ri .p1{ font-size: 20px; }
.ab10 .ho4ul3 li .p1{width: 90%; margin: auto; }
.ab10 .ho4ul3 li .pic img{ max-height: 2.4rem; }
.he_ifzs ul li{ width: 48%; margin: 1%; display: inline-block; vertical-align: top; }
.he_ifzs ul li .text{ width: 190%;}
.he_ifzs ul li:nth-child(2n) .text{transform: translateX(-55%) !important;}
.news .tylm .ri ul li{ width: auto; margin-right: .2rem;}
.ab8ula li .fl{ width: 20%; }
.ab8ula li .ri{ width: 76%; padding: 15px 25px;}
.ab8ula li .fl::before { display: none;}
.co0t .texts .p1{ font-size: 28px; }
.co0t .texts .p2{ font-size: 14px; }
.co0t .texts { left: 10%; }
.co1ul li .p1{ font-size: 18px; }
.co1ul li{ padding: 5px 10px; }
.co1ul li .fla{ }
.co1ul li .ria{ }
.co1ul li .ria .p2a{ padding-left: 15px; }
.co1ul li .ria .text{ padding-left: 15px; }
.co1ul li p{ line-height: 1.4; }
.co1ul li .p3{ font-size: 14px; }
.co1ul li .ria .p2a{ font-size: 20px; }
.co1ul li:nth-child(n+2){ width: 50%; }
.co1ul li:nth-child(1){ white-space: nowrap; overflow-x: auto; }
.co1ul li { font-size: 0; }
.co1ul li .fla{ width: 17rem;float: none; display: inline-block; vertical-align: top;}
.co1ul li .ria{ float: none; width: 4rem;display: inline-block;vertical-align: top;}
.co1ul li:nth-child(n+2){ margin-right: 0; margin-top: 0; border: none; text-align: center; min-height: inherit; }
.co1ul li:nth-child(n+2) .p1{ border: none; }
.co1ul li:nth-child(n+2) p{ padding-left: 0; }
.pr4{ padding-top: 40px; }
.co1ul li .p2{ font-size: 14px; }
.co1ul li .text{ width: 233px;float: none; display: inline-block; }
.co1ul li .p6{ white-space: normal; }
.ab4ul li .pic2 img{max-width: 100%;}
.ab8ula li .ri{ font-size: 14px; }
.ab10 .ho4ul1 li{ vertical-align: top; }
.fme3 .smrs{ font-size: 0; }
.fme3 .smrs select{ width: 48%; margin-right: 4%;background: none;
border: 2px solid #ced3d7;
padding: 8px 8px;
box-sizing: border-box;
color: #a1b1c8;}
.fme3 .smrs select:last-child{margin-right: 0; }
.a1{ display: none; }
.navul{ font-size: 0; }
.navul > li{ width: 25%;height: 40px;line-height: 40px;float: none; display: inline-block; }
.nav{ height: auto; background: #28a3aa; }
.fullslide .text .p1{ font-size: 24px; }
.fullslide .text .p2{ font-size: 14px;margin-top: 10px; }
.fullslide .text{ height: auto;}
.fullslide .bd li{ overflow: hidden; }
.fullslide .text{ z-index: 1; box-shadow: none;}
.fullslide .tu1{ max-width: 150%; width: 150%; position: relative; left: 50%; transform: translateX(-50%);}
.navul > li.on::before { bottom: 3px; }
.a2{ padding: .4rem 0;}
.a2 .fl{ width: 100%; }
.a2 .fl .p1{ font-size: .42rem; }
.a2 .fl .text{ margin-top: 10px; }
.a2 .fl .more{ margin-top: 20px; }
.a2 .fl .more a{ height: 40px; line-height: 40px; width: 4rem; font-size: 16px; }
.a2 .ri{ display: none; }
.a3ul li{ width: 50%;vertical-align: top; }
.a3{ height: auto; padding: .4rem 0; background-size: auto 100%;}
.a3ul li .p3{ font-size: .24rem; }
.a3ul li .p2{ font-size: .24rem; }
.a3ul li .p1 span{ font-size: .6rem; }
.a4{ padding: .4rem 0;}
h1{line-height: 2; }
.tybt h1{ font-size: .32rem; }
.a4p span{ font-size: 14px; margin: 0 10px; }
.tybt h2{ margin-top: 0; font-size: .24rem; }
.a4p{ margin-top: 10px; }
.ho4ul li .pic{ height: 4.5rem; margin-bottom: 0; }
.ho4ul li{ width: 80%; height: 6rem; }
.picScroll-left .tempWrap{ margin: auto; }
.prev, .next{ width: 50px;height: 30px; }
.picScroll-left .sd{ width: 100%;left: 0; }
.a4div{ margin-top: 20px; }
.ho4ul li:hover .text{height: 0; }
.ho4ul li:hover .p1{ display: block; }
.ho4ul li .p1{ font-size: .28rem; }
.morea{ width: 180px;height: 40px;line-height: 40px;margin-top: 15px; }
.morea a{ font-size: 14px; }
.a5ul li{ width: 100%; }
.a5ul li .text .p2{display: block;}
.a5ul li .text .more{display: none;}
.a5ul li .text{ background: rgba(40,163,170,.7);padding: 10px 20px; }
.a5ul li .text .p1{ font-size: 20px; }
.a5ul li .text .p2{ margin: 10px 0;}
.ho6ul li .pic{ height: auto; }
.ho6ul li .text .p1{ font-size: .32rem; height:auto; }
.ho6ul li{ width: 80%;}
.a6 .picScroll-left{ margin-top: 20px; }
.a6,.a7{padding: 30px 0;}
.a7ul li{ width: 32.33%;}
.foot .fl{ display: none; }
.foot{ padding-top: 20px; }
.foot .ri{float: none; text-align: center;}
.foot .ri .p1{ text-align: center; }
.ab1 .fl{ float: none; width: 100%;}
.ab1 .fl p{ font-size: 14px; line-height: 1.8; margin-bottom: 10px; }
.tybt .p2{ margin-top: 0; }
.ab1 .fl{ margin-top: 10px; }
.ab1 .ri{ width: 100%; margin-top: 0; }
.ab3ul li{ width: 48%;margin-bottom: 2%;height: 5rem; padding-top: 20px; }
.ab3ul li .p1{ font-size: 20px; }
.ab3ul li .p3{ display:block; font-size: 14px; width: 80%;margin:auto;}
.ab3ul li:hover{ background: #fff;height: 5rem; }
.ab3ul li .pic img{ width: 50px; }
.ab4ul ul li{ width: 100%;margin-right: 0;}
.ab4div{ margin-top: 20px; }
.ab4div p{ font-size: 14px; width: 50%;margin-bottom: 5px; }
.ab4div p::before {display: none; }
.ab4ul{ margin-top: 30px; }
.ab4ul ul li .p1{ font-size: 18px; }
.ab4ul ul li .text .t1{ font-size: 14px; margin-bottom: 5px; }
.ab4ul ul li .pic{ margin-top: 10px; }
.ab4ul ul li .text{ margin-top: 8px; }
.ab4{ background-size: auto 100%;}
.a8 .text{ width: 100%; height:auto; padding: 15px 0; padding: 10px; top: inherit; margin: auto; bottom: 0; right: 0; }
.a8 .text .p1{ font-size: 24px; }
.a8 .text p{ line-height: 1.8; line-height: 1.8; font-size: 14px; }
.a8 .text .colse{ font-size: 30px; }
.map{ height: 400px; }
.tylm .fl{ display: block;float: none;}
.tylmul li{ margin-right: .2rem;}
.tylmul li a{ font-size: .28rem; }
.tylm .ri{ display: none;}
.ab4ul ul li .text p{ font-size: 12px; }
.tylm2{ position: relative; }
.tylm2ul{ margin: auto; height: 60px; }
.tylm2ul li img{ display: none; }
.tylm2ul li a{ font-size: 14px; }
.pr1ul{ margin-top: 0px; margin: auto; }
.pr1ul li{ width: 48%; height: auto !important;}
.pr1ul li .text .p1{ font-size: 12px; }
.pr2 .pr1ul li .text{ margin-top: 0; }
.pr1ul li:hover .text2{height: 0; }
.ap1ul li .fl{ width: 100%; padding: 0 15px; }
.ap1ul li .fl .textp{ margin-top: 20px; }
.tylm2ul li{ height: 60px; line-height: 60px; }
.ap1ul li .fl .p1{ font-size: 30px; }
.ap1ul li .ri{ width: 100%; margin-top: 20px; border-radius: 8px; margin-right: 0;}
.ap1{ margin-top: 20px; }
.ap1 .content p{ font-size: 14px; margin-bottom: 8px; }
.ap1 .content p img{position: relative; left: -2em;}
.ap2{ display: none;}
.ne1{ padding: 40px 0;}
.page{ font-size: 0; }
.page a{ padding: 0px 8px; }
.tylmul li.on a{ color:#28a3aa;}
.ne0 .p1{ font-size: 28px; }
.ne0 .p2{ font-size: 14px; }
.ne0{ padding-top: 40px; }
.ne0 .p3{ font-size: 14px; }
.ne1 .ho6ul li{ margin: auto; margin-bottom: 1rem;float: none; padding: 0px 0;}
.ne3 .ho6ul li .pic{ float: none; width: 100%;}
.ho6ul li .pic img{ height: auto;}
.recruit .picMarquee-left .hd{ display: none; }
.ne3 .ho6ul li .text{ float: none; width: 100%;margin-left: 0; }
.ho6ul li .text .p3{ display: none; }
.ne3 .ho6ul li .p2{ height: auto; }
.vi1{ padding: 30px 0;}
.vi1p{ margin-bottom: 20px; }
.vi1 .ho6ul li{ margin: auto; float: none; margin-top: 40px; }
.vi1p p{width: 46%; margin: 1%; height: 40px; line-height: 40px;}
.vi2 .ho6ul{ margin-top: 30px; }
.vi2 .pic{ margin-top: -10px; }
.re1{ padding: 20px 0;}
.mr--career--why--items{ margin-top: 30px; }
.mr--career--why .mr--career--why--items .mr--career--why--itemTit{ font-size: 14px !important;}
.mr--career--why .mr--career--why--items .mr--career--why--itemDes{ line-height: 1.6 !important; font-size: 14px !important; margin-top: 20px; }
.mr--career--why--item{ width: 100%; margin-bottom: 20px; }
.mr--career--why--items{ display: block; }
.mr--career--why .mr--career--why--items .mr--career--why--itemDes{ font-size: 1}
.recruit .ab3ul li{ width: 100%; height: auto; }
.recruit .ab3{ background-size: auto 100%;}
.recruit .ab3ul li .p1{ padding-top: 10px; }
.recruit .ab3ul li:hover{height: auto; }
.recruit .ab3ul li:nth-child(2n) .pic2{ position: relative; bottom: inherit; }
.recruit .ab3ul li .p3{ margin-bottom: 10px; }
.ab3ul li .p1{ margin-top: 10px; }
.recruit .ab3ul li .pic2 img{ height: auto; }
.list{ padding: 20px 0;}
.recruit .list .item{ padding: 0 15px; }
.recruit .list .ibd{ padding: 10px; }
.sec02 .hd{ font-size: 24px; line-height: 60px; }
.sec02 .bd{ padding: 10px; }
.sec02 .bd .title{font-size: 20px; }
.sec02 .fhd{ font-size: 24px; }
.fme2{ width: 100%;}
.fme2 p:nth-child(2){margin-left: 0; width: 100%;}
.fme2 textarea{height: 140px; }
}
select{
-webkit-appearance: none;
background: url(../i/icon_arrow_down.png) no-repeat 96% 50% !important;
background-size: 14px !important;
}